<!DOCTYPE html>
<html>
<head>
    <include file="public/public_header" />
    <link rel="stylesheet" media="screen and (min-device-width:640px)"  href="__STATIC__/css/index.css"    />
    <link rel="stylesheet"  media="screen and (max-device-width:639px)" href="__STATIC__/css/phone/index.css"  />
</head>
<body >
<div class="container-fluid ck-container">
    <!--顶部start-->
    <include file="public/header" />
    <!--顶部end-->
    <!--主体start-->
    <main>
        <div id="carousel-example-generic" class="carousel slide row visible-xs" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner banner" role="listbox">
                <div class="item active">
                    <img src="__STATIC__/images/php.jpg" alt="...">
                </div>
                <div class="item">
                    <img src="__STATIC__/images/java.jpg" alt="...">

                </div>
                <div class="item">
                    <img src="__STATIC__/images/js.jpg" alt="...">
                </div>
            </div>
        </div>
        <section class="row article">
            <!--主体内容start-->
            <div class="col-xs-12 col-md-8 career">
                    <div class="left-content">
                    <div class="division hidden-xs"></div>
                    <div class="ck-title">
                        <h3>职业生涯</h3>
                    </div>
                    <div class="career2">
                        <volist name="list" id="vo">
                           <div <if condition="$i%2 != 0">class="right-msg pull-right" <else /> class="left-msg pull-left"</if>>
                               <div class="panel panel-default">
                                   <div class="panel-body">
                                       <p><small>{:date('Y-m-d H:i:s', $vo.add_time)}</small></p>
                                       <p><strong>{$vo.content}</strong></p>
                                   </div>
                               </div>
                           </div>
                        </volist>
                </div>
                <div class="cut-off"></div>
            </div>
            </div>

            <!--主体内容end-->

            <!--侧边栏start-->
            <div class="col-xs-12 col-md-4 hidden-xs">
                <include file="public/side" />
            </div>
            <!--侧边栏end-->

        </section>
    </main>
    <!--主体end-->
    <!--底部start-->
    <include file="public/footer" />
    <!--底部end-->
</div>

<include file="public/public_js" />
<script>

    $('.carousel').carousel({
        interval:4000
    });
    $(function(){
        $(".career2").show(2000);
        setTimeout(function(){
            $('.cut-off').css('height', $('.career').css('height'));
        }, 2000);
    });
</script>
</body>
</html>
